<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>网易公开课</title>
        <link rel="icon" href="picture/favicon%20(1).ico" type="image/x-icon">
        <link rel="stylesheet" href="openCSS.css" type="text/css" charset="UTF-8">
    </head>
    <body>
        <div class="wrapper">
            <!--    头部样式    -->
            <div class="head">
                <h2 class="head-left">精品课程</h2>
                <div class="head-right">
                    <a href="https://vip.open.163.com/courses">更多精品课程&nbsp;></a>
                </div>
            </div>
            <!--      图片部分样式      -->
            <div class="body">
                <a class="picture-wrapper">
                    <div class="top">
                        <img src="picture/1.jpg" alt="100本豆瓣高分书，解锁人生进阶必备技能">
                        <div class="statue">已完结</div>
                        <div class="coupon">限时特惠</div>
                    </div>
                    <div class="middle">
                        <div class="middle-title">100本豆瓣高分书，解锁人生进阶必备技能</div>
                        <div class="middle-context">7大维度打造核心能力，解决90%人生困惑</div>
                    </div>
                    <div class="bottom">
                        -￥89.00
                        <del class="original-price">原价 ￥199.00</del>
                    </div>
                </a>
                <a class="picture-wrapper">
                    <div class="top">
                        <img src="picture/2.jpg" alt="北大学霸告诉你如何三个月考上名校">
                        <div class="statue">已完结</div>
                        <div class="coupon">限时特惠</div>
                    </div>
                    <div class="middle">
                        <div class="middle-title">北大学霸告诉你如何三个月考上名校</div>
                        <div class="middle-context">独门记忆法+自学心法+逆袭北大的六步法则</div>
                    </div>
                    <div class="bottom">
                        -￥79.00
                        <del class="original-price">原价 ￥99.00</del>
                    </div>
                </a>
                <a class="picture-wrapper">
                    <div class="top">
                        <img src="picture/3.jpg" alt="世界记忆大师教你快速提升记忆力">
                        <div class="statue">已完结</div>
                        <div class="coupon">限时特惠</div>
                    </div>
                    <div class="middle">
                        <div class="middle-title">世界记忆大师教你快速提升记忆力</div>
                        <div class="middle-context">在最短的时间内，记住更多你想获得的知识！</div>
                    </div>
                    <div class="bottom">
                        -￥79.00
                        <del class="original-price">原价 ￥99.00</del>
                    </div>
                </a>
                <a class="picture-wrapper">
                    <div class="top">
                        <img src="picture/4.jpg" alt="25位知名教授学者，讲解62本经典好书">
                        <div class="statue">已完结</div>
                        <div class="coupon">限时特惠</div>
                    </div>
                    <div class="middle">
                        <div class="middle-title">25位知名教授学者，讲解62本经典好书</div>
                        <div class="middle-context">带你无限逼近这个复杂世界的真相</div>
                    </div>
                    <div class="bottom">
                        -￥89.00
                        <del class="original-price">原价 ￥199.00</del>
                    </div>
                </a>
                <a class="picture-wrapper">
                    <div class="top">
                        <img src="picture/5.png" alt="跟大神学实用时间管理：让你每天效率翻三倍">
                        <div class="statue">已完结</div>
                        <div class="coupon">限时特惠</div>
                    </div>
                    <div class="middle">
                        <div class="middle-title">跟大神学实用时间管理：让你每天效率翻三倍</div>
                        <div class="middle-context">每天多出2小时，做自己喜欢的事！</div>
                    </div>
                    <div class="bottom">
                        -￥89.00
                        <del class="original-price">原价 ￥199.00</del>
                    </div>
                </a>
                <a class="picture-wrapper">
                    <div class="top">
                        <img src="picture/6.jpg" alt="30天英文商业原著精读，感受商业英语魅力">
                        <div class="statue">已完结</div>
                        <div class="coupon">限时特惠</div>
                    </div>
                    <div class="middle">
                        <div class="middle-title">30天英文商业原著精读，感受商业英语魅力</div>
                        <div class="middle-context">商务场合漫谈不怯场</div>
                    </div>
                    <div class="bottom">
                        -￥89.00
                        <del class="original-price">原价 ￥199.00</del>
                    </div>
                </a>
                <a class="picture-wrapper">
                    <div class="top">
                        <img src="picture/7.png" alt="颠覆你想象的高效笔记术">
                        <div class="statue">已完结</div>
                        <div class="coupon">限时特惠</div>
                    </div>
                    <div class="middle">
                        <div class="middle-title">颠覆你想象的高效笔记术</div>
                        <div class="middle-context">学会记一手好笔记，会让你的努力高效</div>
                    </div>
                    <div class="bottom">
                        -￥89.00
                        <del class="original-price">原价 ￥199.00</del>
                    </div>
                </a>
                <a class="picture-wrapper">
                    <div class="top">
                        <img src="picture/8.jpg">
                        <div class="statue">已完结</div>
                        <div class="coupon">限时特惠</div>
                    </div>
                    <div class="middle">
                        <div class="middle-title">哈佛学霸的10倍效能思维进阶课</div>
                        <div class="middle-context">选择不做普通人</div>
                    </div>
                    <div class="bottom">
                        -￥189.00
                        <del class="original-price">原价 ￥199.00</del>
                    </div>
                </a>
            </div>
        </div>
    </body>
</html>